<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试el和template配置项</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <h1>{{msg}}</h1>
</div>

<script>
    /**
     * 自己总结
     * 1.关于template
     *      有template和el,优先使用template
     *      没有template,然后使用el
     * 2.关于el
     *      有el,就可以直接，往下进行了
     *      没有el,就要首先通过 vm.$mount('#app')进行挂载 生成  el  然后继续往下执行
     */
     const vm = new Vue({
             // el : '#app',
         template : `
           <h1>{{s}}</h1>
         `,
             //Model M
             data : {
                 msg : '测试el和template配置项',
                 s : 'template配置项'
             }
         })
     //手动挂载
     vm.$mount('#app')
</script>

</body>
</html>